<template>
    <div style="text-align: center">
        <div>
            <van-nav-bar fixed="true" title="个人信息" left-text="返回" left-arrow="" @click-left="onClickLeft">
            </van-nav-bar>
        </div>
        <div>
            <van-cell-group style="margin-top: 46px">
                <van-cell>头像：<img width="20%" :src="lawyerLists.lawImage"></van-cell>
                <van-cell >姓名：{{lawyerLists.lawLawyerName}} </van-cell>
                <van-cell >类别：{{lawyerLists.lawLawyerKind}} </van-cell>
                <van-cell>性别：{{lawyerLists.lawLawyerSex}}</van-cell>
                <van-cell>年龄：{{lawyerLists.lawLawyerAge}}</van-cell>
                <van-cell>账号：{{lawyerLists.lawLawyerNumber}}</van-cell>
                <van-cell>密码：{{lawyerLists.lawLawyerPwd}}</van-cell>
            </van-cell-group>
        </div>

            <van-button @click="toMessage" style="margin-top: 10px" size="small" color="linear-gradient(to right, #4bb0ff, #6149f6)" round
                        type="info">修改信息
            </van-button>

    </div>
</template>

<script>
    export default {
        name: "lawyerMessage",
        data() {
            return {
                lawyerLists: {}
            }
        },
        methods:{
            onClickLeft() {
                this.$router.push({path: 'lawyerCenter'})
            },
            lawyerMessage() {
                let lawyer = JSON.parse(localStorage.getItem('token') || '{}');
                this.lawyerLists = lawyer
                console.log(this.lawyerLists)
            },
            toMessage(){
                this.$router.push({path:'lawyerChangeMessage'})
            }
        },
        mounted(){
            this.lawyerMessage()
        }

    }
</script>

<style scoped>

</style>
